<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>业务表单组件配置</title>
    <link   rel="stylesheet"        th:href="@{/easyui/themes/default/easyui.css}" />
    <link   rel="stylesheet"        th:href="@{/easyui/themes/icon.css}" />
    <script type="text/javascript"  th:src="@{/easyui/jquery.min.js}" ></script>
    <script type="text/javascript"  th:src="@{/easyui/jquery.easyui.min.js}" ></script>
    <script type="text/javascript"  th:src="@{/easyui/locale/easyui-lang-zh_CN.js}" ></script>
</head>
<body class="easyui-layout">
<div data-options="region:'center',border:false,title:'组件'">
    <table id="grid" class="easyui-datagrid" data-options="fit:true,singleSelect:true">
        <thead>
            <tr>
                <th data-options="field:'id',align:'center',width:80">序号</th>
                <th data-options="field:'tableName',width:100">表名字</th>
                <th data-options="field:'fieldName',width:100">字段名</th>
                <th data-options="field:'fieldDisplay',width:100">显示名称</th>
                <th data-options="field:'fieldDataType'">字段类型</th>
            </tr>
        </thead>
    </table>
</div>
<div data-options="region:'east',split:true,border:false,title:'属性设置'" style="width:300px">
    <table id="pgrid" class="easyui-propertygrid" data-options="fit:true,method:'get',url:'../utils/FieldProp.json',columns:[
                [
                    {field:'name',title:'属性',width:100,sortable:false},
                    {field:'value',title:'值',width:150,resizable:false}]
   		        ]
                ">
    </table>
</div>
</body>
</html>